<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>结算页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="./css/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="./css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="./css/base.css" />
		<link rel="stylesheet" type="text/css" href="./css/Settlement.css"/>
	</head>
	<body>
		<header>
			<div class="container">
				<div class="row">
					<div class="col-8 col-lg-10 text-center">
						<a class="navbar-brand d-none d-lg-block" href="#"><span class="my-logo">星辰</span>Design</a>
						<h3>购物车(<span class="count">0</span>)</h3 >
					</div>
					<div class="col-4 col-lg-2" >
						<h6 class="bj" style="cursor: pointer; font-size: 20px;">编辑</h6>
					</div>
				</div>
			</div>
		</header>
		<main>
			<div class="container-fluid">
				<div class="row py-2 par">
					<div class="col-2 col-lg-1">
						<input class="isbj" type="checkbox"  disabled />
					</div>
					<div class="col-7 col-sm-4 col-lg-2" style="background: url(images/img_bg_1.jpg) no-repeat; background-size: 70%; border-radius: 5px; height: 150px;"></div>
					<div class="col-3 col-sm-6 col-lg-6 d-block">
						<h6 style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">HAUTEVILLE CONCRETE ROCKING CHAIR</h6>
						<span class="dj">$350</span>
					</div>
					<div class="col-3 col-lg-2 btn">
						<button class="jian">-</button>
						<input class="mycount mx-1 px-1" type="text" disabled  value="1"/>
						<button class="jia">+</button>
					</div>
				</div>
				<div class="row py-2 par">
					<div class="col-2 col-lg-1">
						<input class="isbj" type="checkbox" disabled/>
					</div>
					<div class="col-7 col-sm-4 col-lg-2" style="background: url(images/img_bg_2.jpg) no-repeat; background-size: 70%; border-radius: 5px; height: 150px;"></div>
					<div class="col-3 col-sm-6 col-lg-6 d-block">
						<h6 style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">HAUTEVILLE CONCRETE ROCKING CHAIR</h6>
						<span class="dj">$350</span>
					</div>
					<div class="col-3 col-lg-2 btn">
						<button class="jian">-</button>
						<input class="mycount mx-1 px-1" type="text" disabled  value="1"/>
						<button class="jia">+</button>
					</div>
				</div>
				<div class="row py-2 par">
					<div class="col-2 col-lg-1">
						<input class="isbj" type="checkbox" disabled/>
					</div>
					<div class="col-7 col-sm-4 col-lg-2" style="background: url(images/img_bg_3.jpg) no-repeat; background-size: 70%; border-radius: 5px; height: 150px;"></div>
					<div class="col-3 col-sm-6 col-lg-6 d-block">
						<h6 style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">HAUTEVILLE CONCRETE ROCKING CHAIR</h6>
						<span class="dj">$350</span>
					</div>
					<div class="col-3 col-lg-2 btn">
						<button class="jian">-</button>
						<input class="mycount mx-1 px-1" type="text" disabled  value="1"/>
						<button class="jia">+</button>
					</div>
				</div>
			</div>
		</main>
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-2 col-lg-1">
						<input class="isbj" type="checkbox" disabled /> 全选
					</div>
					<div class="col-10 d-flex justify-content-end">
						<p class="d-none d-lg-block">已选中<span class="count mx-1">1</span>商品</p>
						<p class="mx-2">合计: <span class="allq">$350</span></p>
						<button>去结算</button>
					</div>
				</div>
			</div>
		</footer>
		<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/bootstrap.bundle.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/fish.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/Settlement.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
